<%@ page language="java" contentType="text/html; charset=utf-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>鼎嘉旅游-首页</title>
</head>
	<%@ include file="/WEB-INF/elements/header.jsp" %>
		<script>
		    // You can also use "$(window).load(function() {"
			    $(function () {
			      // Slideshow 1
			      $("#slider1").responsiveSlides({
			        maxwidth: 2500,
			        speed: 600 
			      });
			      $("#bth").click(function(){
			    	  alert("eqw");
				      $("c:set[var='stra']").val("rewrwr");
			    	  })
			      
			  });
		    
		  </script>
<body>
	
	<!---start-wrap---->
		<!--start-image-slider---->
					
						<!-- Slideshow 1 -->
					    <ul class="rslides" id="slider1">
					      <li>
					      	<img src="${pageContext.request.contextPath }/statics/images/slider1.jpg" alt="">
					      	<div class="slider-info">
					      		<p>鼎嘉最佳的旅游网站</p>
					      		<span>国际最佳的旅游网站，澳门云南厦门等多个美景城市！ </span>
					      		<a href="#">了解更多</a>
					      	</div>
					      </li>
					      <li><img src="${pageContext.request.contextPath }/statics/images/slider2.jpg" alt="">
					      	<div class="slider-info">
					      		<p>厦门专线</p>
					      		<span>乘车赴由著名爱国华侨领袖陈嘉庚先生创办，享誉海内外的【集美学村】学村依山傍水
					      		</span>
					      		<a href="#">更多</a>
					      	</div>
					      </li>
					      <li><img src="${pageContext.request.contextPath }/statics/images/slider3.jpg" alt="">
					      	<div class="slider-info">
					      		<p>厦门专线</p>
					      		<span>乘车赴由著名爱国华侨领袖陈嘉庚先生创办，享誉海内外的【集美学村】学村依山傍水
					      		</span>
					      		<a href="#">更多</a>
					      	</div>
					      </li>
					    </ul>
						 <!-- Slideshow 2 -->
					</div>
			<!--End-image-slider---->
		<!---End-wrap---->
		<div class="clear"> </div>
		<!---start-content---->
		<!-- <div class="content"> -->
		<%-- <c:if test="${empty strategys}">
		<jsp:forward page="/strategy/showhotline.do"></jsp:forward>
		</c:if> --%>
			<!-- 热门专线请求数据 -->
			<div class="wrap">
			<div class="content-grids">
			<c:forEach  var="strategy" items="${strategys}" varStatus="status" >
				<div class="grid <c:if test="${status.index==2 }">last-grid</c:if>">
				<c:out value="${status.count}"></c:out>
					<a href="#"><img src="${pageContext.request.contextPath }/statics/${strategy.pic1path}" title="${strategy.pic1name}" /></a>
					<h3>${strategy.title }</h3>
					<p>${strategy.page1 }
					</p>
					<a class="button" id="bth" href="${base}/strategy/toview/${strategy.id}">更多</a>
				</div>
			</c:forEach>
				<div class="clear"> </div>
			</div>
			<div class="clear"> </div>
			<!-- 请求热点推荐数据 -->
		<%-- 	<c:redirect  url="${base}/strategy/show" /> --%>
			<div class="specials">
					<div class="specials-heading">
						<h5> </h5><h3>热点景点推荐</h3><h5> </h5>
						<div class="clear"> </div>
					</div>
					<div class="clear"> </div>
					<div class="specials-grids">
					<c:forEach items="${hotSpots}" var="hotSpot" varStatus="status">
						<div class="special-grid <c:if test="${ status.index==2}">spe-grid</c:if>">
							<img src="${base }/statics/${hotSpot.picpath}" title="${hotSpot.picname}" />
							<a href="#">${hotSpot.name}</a>
							<p>
							${hotSpot.info}
							</p>
						</div>
					</c:forEach>
						<div class="clear"> </div>
					</div>
					<div class="clear"> </div>
			</div>
			</div>	
			<div class="clear"> </div>
			<div class="testmonials">
				<div class="wrap">
					<div class="testmonial-grid">
						<h3>欢迎大家</h3>
						<p>&#34;
							网站介绍！
						</p>
						<a href="#"> 更多攻略</a>
					</div>
				</div>
			</div>
		<!-- </div> -->
		<!---End-content---->
		<%@ include file="/WEB-INF/elements/footer.jsp" %>
</body>
</html>